<template>
  <!-- Map 快捷筛选 -->
  <view class="quick-screening">
    <Tabs v-model="tabActive" :isSwiper="true">
      <TabNav tabBarColor="#2878FF" :tab-item-flex="0" />
      <template v-for="(item, index) in tabs" :key="index">
        <TabsItem :name="item" :value="index"></TabsItem>
      </template>
    </Tabs>
  </view>
</template>

<script setup lang="ts">
  import Tabs from '@/components/tabs/index.vue';
  import TabsItem from '@/components/tabs/item.vue';
  import TabNav from '@/components/tabs/nav.vue';
  import { ref } from 'vue';

  const tabActive = ref(0);
  const tabs = ref(['全部', '高新技术企业', '国有企业', '民营企业', '众创空间']);
</script>

<style scoped lang="scss">
  .quick-screening {
    padding-bottom: 20rpx;
  }
</style>
